<template lang="html">
  <div class="history">
    <header-item skin='black' active='3'></header-item>

    <div class="body">

      <div class="content">

        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="关于毕云涛" name="first"></el-tab-pane>
          <!-- <el-tab-pane label="用户协议" name="second"></el-tab-pane>
          <el-tab-pane label="会员条款" name="third"></el-tab-pane> -->
        </el-tabs>

        <h1 v-text='titleText'></h1>

        <div class="tabContent" v-show='activeName == "first"'>
          <div class="text">
            “全价值链健康性文化管理”毕云涛，中国第一个提出性产业全价值链品牌<br>
            专注性产业管理，在性文化消费心理、数据库、渠道、媒体资源、情趣用品等领域具有丰裕营销实践经验<br>
            <br>
            “全价值链健康性文化管理”全方位品牌塑造体系，为所属品牌寻找到了处于不断变动市场环境中的品牌发展引擎<br>
            -------产业机遇把握+战略产品组合+创新品牌运作+极致消费体验<br>
            <br>
            以合伙人打造价值链 毕云涛认为，未来的竞争将是价值链的竞争而不仅是某一个营销专业环节的竞争。 <br>
            毕云涛正在用合伙人制度招揽从消费洞察\研究、品牌定位、商业模式、品牌命名、广告创意、网络营销、招商、培训、推广、广告、设计、媒体、公关等整个健康<br>性文化价值链各环节的顶级高手，以打造“全价值链健康性文化管理”，使得品牌的实力系统化。<br>
            <br>
            目前毕云涛分了5个行业事业部：产品事业部（主打产品）、内衣事业部（男女内衣）、心理事业部（文化版块）护理事业部（女性疾病）、公益事业部（非盈利版块）<br>
          </div>
        </div>

      </div>
    </div>

    <footer-item></footer-item>
  </div>
</template>
<script>
import HeaderItem from '../components/Header';
import FooterItem from '../components/Footer';
export default {

  data () {
    return {
      activeName: 'first',
      titleText:'关于毕云涛'
    }
  },
  watch:{
    activeName(val){
      if(val == 'first'){
        this.titleText = '企业文化';
      }else if(val == 'second'){
        this.titleText = '用户协议';
      }else{
        this.titleText = '会员条款';
      }
    }
  },
  methods:{
  	tourl(url){
      tools.router.push({path:url})
    },
    handleClick(tab, event) {
        console.log(this.titleText,this.activeName);
    }
  },
  mounted(){
    var _this = this;

  },
   components:{
    HeaderItem,FooterItem
  }
}
</script>
<style scoped lang='scss'>

.history{
  width: 100%;
  // font-family: "Helvetica Neue", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif, "微软雅黑" !important;


  .body{
    margin-top: 100px !important;
    border-top: 1px solid #D5D5D5;

    h1{
      margin-top: 74px;
      margin-bottom: 55px;
      text-align: center;
      font-weight: normal;
      color: #fff;
    }

    .content{
      width: 1200px;
      color: #030303;
      padding-top: 50px;
      padding-bottom: 60px;
      margin: 0 auto;

      .tabContent{
        font-size: 24px;
        color: rgba(255,255,255,.9);
        line-height: 1.5;

        .text{
          margin-bottom: 55px;
        }
        .dtitle{
          text-align: left;
          color: #000;
          font-size: 28px;
          margin-bottom: 30px;
        }
      }
    }

  }
}
</style>
